import React, { Component } from 'react'

export default class Pokemon extends Component {

    render() {
        return (
            <ul className="Pokemons">
            {/* 管理员列表 */}
            <div className="ManagerInfo">
                {this.props.data.map(info => 
                        (<li 
                        key={info.adminID}
                        onClick={() => {
                            this.props.openDialog(info)
                        }}
                        >   <div className="container-name">
                                <label>名称：</label>
                                <span>{info.adminName}</span>
                            </div>
                            <div className="roleInfo">
                                
                                <div>
                                    <label>身份：</label>
                                    <span>{info.positions}</span>
                                </div>
                                <div>
                                    <label>出处：</label>
                                    <span>{info.city}-{info.province}</span>
                                </div>
                                <div>
                                    <label>千里传音：</label>
                                    <span>{info.tel}</span>
                                </div>
                            </div>
                        </li>))
                    }
            </div>    
            </ul>
        )
    }
}
